<template>
    <!-- 详情开始 -->
    <a-modal
      :maskClosable="false"
      title="费用报销单单据详情"
      :width="1350"
      :bodyStyle="{
        padding: '0 24px'
      }"
      :visible="visible"
      @cancel="handleCancel"
      cancelText="关闭">
      <ErpFinanceReimbursementBillForm ref="realForm" :disabled="true" normal></ErpFinanceReimbursementBillForm>
      <template slot="footer">
        <a-button @click.stop="handleCancel">关闭</a-button>
      </template>
  </a-modal>
</template>

<script>

  import { getAction } from '@/api/manage'

  export default {
    name: 'ErpFinanceReimbursementPenetrate',
    components: {
      ErpFinanceReimbursementBillForm:()=> import('@/views/erp/finance/reimbursement/modules/ErpFinanceReimbursementBillForm'),
    },
    props: [],
    data() {
      return {
        url: {
          queryReimbursementBillById:"/api/erp/finance/reimbursement/erpFinanceReimbursementBill/queryById",
        },
        dataSource: [],
        loading: false,
        visible: false,
      }
    },
    created() {
      this.initDictConfig();
    },
    computed: {
    },
    methods: {
      initDictConfig() {
      },
      handleCancel() {
        this.visible = false;
      },
      handleOk() {
        this.handleCancel();
      },
      initData(id) {
        //查询费用报销单信息
      getAction(this.url.queryReimbursementBillById,{id:id}).then((res) => {
        if (res.success) {
              let data=res.result;
              this.$refs.realForm.edit(data);
            }
        })
      },
    }
  }
</script>
<style scoped>
  .ant-card-body .table-operator {
    margin-bottom: 18px;
  }

  .ant-table-tbody .ant-table-row td {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .anty-row-operator button {
    margin: 0 5px
  }

  .ant-btn-danger {
    background-color: #ffffff
  }

  .ant-modal-cust-warp {
    height: 100%
  }

  .ant-modal-cust-warp .ant-modal-body {
    height: calc(100% - 110px) !important;
    overflow-y: auto
  }

  .ant-modal-cust-warp .ant-modal-content {
    height: 90% !important;
    overflow-y: hidden
  }

  .anty-img-wrap {
    height: 25px;
    position: relative;
  }

  .anty-img-wrap > img {
    max-height: 100%;
  }

</style>